<template>
  <div class="header">
    <a href="#/">
    <img class="logo" src="https://anta-cn-web.obs.myhwclouds.com/theme/images/logo/logo-anta-r-02.svg" alt="" style="width:45px; height:45px">
    <span class="company">安踏会员管理系统</span>
    </a>
     <el-dropdown>
       <span class="el-dropdown-link">
       个人中心<i class="el-icon-arrow-down el-icon--right"></i>
      </span>
    <el-dropdown-menu slot="dropdown">
    <el-dropdown-item>修改密码</el-dropdown-item>
    <el-dropdown-item>登录</el-dropdown-item>
    
   </el-dropdown-menu>
   </el-dropdown>
  </div>
</template>

<script>
export default {
  data () {
    return {
    }
  },

  components: {},

  methods: {}
}
</script>

<style scoped>
  .el-dropdown-link {
    cursor: pointer;
    color: #eef4fa;
  }
  .el-icon-arrow-down {
    font-size: 12px;
  }
  .el-dropdown {
  float: right;
  padding-right: 20px;
}
  .logo {
  vertical-align: middle;
  /* 上 右 下 左 */
  padding: 0 10px 0 40px;
}
.company {
  position: absolute;
  color: white;
}
</style>